<!--  -->
<template>
  <div>
      <div class="postion">
          <div class="p_left">
              <i class="iconfont">&#xe611;</i>
              <span>定位失败</span>
          </div>
          <div class="p_right">
              <i class="iconfont">&#xe76c;</i>
              <span>玩水季</span>
          </div>
      </div>
      <p class="hui"></p>
  </div>
</template>

<script>
export default {
  data () {
    return {
    };
  },
}

</script>
<style scoped>
.postion{
    width: 100%;
    height: 1.3333333rem;
    border-top: solid 0.0266666rem #e0e0e0;
    display: flex;
    font-size: .3777777777rem;
}
.p_left{
    width: 50%;
    height: 1.3333333rem;
    line-height:  1.3333333rem;
    text-align: center;
    border-right: solid 0.0266666rem #e0e0e0;
}
.p_right{
    width: 50%;
    height: 1.3333333rem;
    line-height:  1.3333333rem;
    text-align: center; 
}
.hui{
    background:#f6f3f3;
    width: 100%;
    height: 0.26666666rem;
}
</style>